@charset 'utf-8';
// banner
@mixin bannerStyle {
  .banner {
    position: relative;
    img {
      width: 100%;
      display: block;
    }
    .title {
      position: absolute;
      top: 30%;
      left: 0;
      width: 100%;
      padding: 10px 0;
      .title_container {
        max-width: 1170px;
        margin: 0 auto;
        text-align: center;
        h1 {
          display: inline-block;
          position: relative;
          color: #fff;
          text-transform: uppercase;
          font-size: 30px;
          line-height: 50px;
          font-weight: bold;
          &::before {
            content: '';
            width: 40%;
            margin: 0 30%;
            height: 3px;
            background: #d68b37;
            position: absolute;
            bottom: 0;
          }
        }
      }
    }
  }
}

@mixin maxWidthMargin0 {
  max-width: 1170px;
  margin: 0 auto;
}

@mixin projectsH2 {
  h2 {
    font-weight: 500;
    font-size: 20px;
    color: #37474f;
    position: relative;
    padding-bottom: 10px;
    &::before {
      content: '';
      width: 45px;
      height: 2px;
      background: #d68b37;
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }
}
